import { StyleSheet } from 'react-native';

import { phonePx } from '../../../../../../util/adapt';
import { CLASS_ROOM_RIGHT_SCALE } from '../../../../constant';

export default StyleSheet.create({
  content: {
    position: 'absolute',
    left: 0,
    top: 0,
    right: 0,
    bottom: 0,
    alignItems: 'center',
    flexDirection: 'row'
  },
  rightContent: {
    justifyContent: 'flex-end'
  },
  playContent: {
    width: phonePx(10) * CLASS_ROOM_RIGHT_SCALE,
    height: phonePx(13) * CLASS_ROOM_RIGHT_SCALE,
    marginLeft: phonePx(7) * CLASS_ROOM_RIGHT_SCALE,
    justifyContent: 'center'
  },
  rightPlayContent: {
    width: phonePx(10) * CLASS_ROOM_RIGHT_SCALE,
    height: phonePx(14) * CLASS_ROOM_RIGHT_SCALE,
    marginLeft: phonePx(10) * CLASS_ROOM_RIGHT_SCALE,
    marginRight: phonePx(7) * CLASS_ROOM_RIGHT_SCALE,
    justifyContent: 'center',
    alignItems: 'flex-end'
  },
  voice: {
    position: 'absolute',
    width: phonePx(10) * CLASS_ROOM_RIGHT_SCALE,
    height: phonePx(13) * CLASS_ROOM_RIGHT_SCALE,
    opacity: 1
  },
  hidden: {
    opacity: 0
  },
  timeContent: {
    marginLeft: phonePx(10) * CLASS_ROOM_RIGHT_SCALE,
    flexDirection: 'row',
    alignItems: 'flex-start',
    justifyContent: 'center'
  },
  time: {
    color: '#2a2a2a',
    fontSize: phonePx(10) * CLASS_ROOM_RIGHT_SCALE
  }
});
